<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>乐器销售后台管理系统</title>
    <meta name="author" content="DeathGhost"/>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">

    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script>

        (function ($) {
            $(window).load(function () {

                $("a[rel='load-content']").click(function (e) {
                    e.preventDefault();
                    var url = $(this).attr("href");
                    $.get(url, function (data) {
                        $(".content .mCSB_container").append(data); //load new content inside .mCSB_container
                        //scroll-to appended content
                        $(".content").mCustomScrollbar("scrollTo", "h2:last");
                    });
                });

                $(".content").delegate("a[href='top']", "click", function (e) {
                    e.preventDefault();
                    $(".content").mCustomScrollbar("scrollTo", $(this).attr("href"));
                });

            });
        })(jQuery);
    </script>
</head>
<body>
<!--header-->
<header>
    <h1><img src="images/admin_logo.png"/></h1>
    <ul class="rt_nav">
        <li><a href="http://www.deathghost.cn" target="_blank" class="website_icon">站点首页</a></li>
        <li><a href="#" class="clear_icon">清除缓存</a></li>
        <li><a href="#" class="admin_icon">DeathGhost</a></li>
        <li><a href="#" class="set_icon">账号设置</a></li>
        <li><a href="login.html" class="quit_icon">安全退出</a></li>
    </ul>
</header>
<!--aside nav-->
<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
    <h2><a href="index.html">起始页</a></h2>
    <ul>
        <li>
            <dl>
                <dt>商品信息</dt>
                <!--当前链接则添加class:active-->
                <dd><a href="product_list.html" class="active">商品列表</a></dd>
                <dd><a href="product_detail.html">商品详情</a></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>订单信息</dt>
                <dd><a href="order_list.html">订单列表</a></dd>
                <dd><a href="order_detail.html">订单详情</a></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>会员管理</dt>
                <dd><a href="user_list.html">会员列表</a></dd>
                <dd><a href="user_detail.html">添加会员（详情）</a></dd>
                <dd><a href="user_rank.html">会员等级</a></dd>
                <dd><a href="adjust_funding.html">会员资金管理</a></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>配送设置</dt>
                <dd><a href="express_list.html">配送方式</a></dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>在线统计</dt>
                <dd><a href="discharge_statistic.html">流量统计</a></dd>
                <dd><a href="sales_volume.html">销售额统计</a></dd>
            </dl>
        </li>
    </ul>
</aside>

<section class="rt_wrap content mCustomScrollbar">
    <div class="rt_content">
        <div class="page_title">
            <h2 class="fl">商品详情</h2>
            <a href="product_list.html" class="fr top_rt_btn">返回产品列表</a>
        </div>
        <section>
            <div class="portlet-body form" style="margin-top: 30px ;">
                <form action="#" id="pro_detail" class="form-horizontal" method="post" enctype="multipart/form-data">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-2 control-label">商品名称：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" name="name" required="required" value="{{1}}"
                                       placeholder="商品名称..."/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label">商品型号：</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" name="name" required="required" value="{{1}}"
                                       placeholder="商品型号..."/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-2 control-label">品牌：</label>
                            <div class="col-md-4">

                                <select class="form-control" name="unitType">
                                    <option>选择品牌</option>
                                    <option value="星海">星海</option>
                                    <option value="其它">其它</option>
                                </select>

                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">价格：</label>
                        <div class="col-md-4">
                            <input type="text" class="form-control" name="name" required="required" value="{{1}}"
                                   placeholder="价格..."/>
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                    <!--<label class="col-md-2 control-label"></label>-->
                    <!--<div class="col-md-4">-->
                    <!--<span class="item_name" style="width:120px;"></span>-->
                    <!--<a href = "product_list.html"><input type="submit" style="float: right" class="link_btn"/></a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="form-actions">
                        <label class="col-md-2 control-label"></label>
                        <div class="col-md-4">
                            <button type="submit" class="link_btn" style="float: right">提交</button>
                            <button type="button" class="link_btn" style="float: right;margin-right: 15px"
                                    onclick="modify()">修改
                            </button>


                        </div>
                    </div>
                </form>
            </div>

        </section>
    </div>

</section>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $("input").attr("disabled", "disabled");
        $("select").attr("disabled", "disabled");
    });

    function modify() {
        $("input").removeAttr("disabled");
        $("select").removeAttr("disabled");
        // $(".hide").removeClass("hide")
    }
</script>


</body>
</html>
